<template>
    <div class="blogpage">
        <div class="addBlogBtn">
            <el-button type="primary" class="blogBtn"><router-link to="/blogs/add">添加博客</router-link></el-button>
            <el-button type="primary" class="blogBtn"><router-link to="/blogs/list">显示博客列表</router-link></el-button>
            <!-- <el-button type="primary" class="blogBtn"><router-link to="/blogs/markdown">markdown</router-link></el-button> -->
        </div>
        <div class="addBlogForm">
            <router-view />
        </div>
    </div>
</template>

<script>
export default {
    name:"blogs",
    
}
</script>
<style>
.blogpage{
    margin:20px 30px;
    display:grid;
    grid-template-columns: 1fr 7fr;

}
.addBlogBtn{
    display:relative;
}
.blogBtn{
    margin:10px;
    width:120px;
}
.blogBtn a{
    text-decoration:none;
    font-size:16px;
    color:#fff;
}
</style>